/*
 * Copyright © 2017 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@import '~styles/variables.scss';

$hr_color: lightgray;
$dsv_input_border_color: rgba(0, 0, 0, 0.15);
$rule-create-fields-required-color: $red-02;

.create-rule-container {
  padding: 10px;
  border: 2px solid $brand-primary;
  margin-left: -15px;
  margin-right: -15px;

  .when-then-clause-container {
    padding-top: 10px;

    .form-group.row {
      .col-form-label {
        width: 20%;
      }

      .when-then-value {
        width: 100%;

        @media (min-width: 576px) {
          width: 80%;
        }
      }
    }

    .fields-required-text {
      color: $rule-create-fields-required-color;
      font-size: 11px;
      margin-bottom: 0;
      margin-top: -1rem;
    }
  }
  hr {
    margin-left: -10px;
    margin-right: -10px;
    background: $hr_color;
  }
  .btn-container {
    display: flex;
    justify-content: space-between;

    .btn-secondary,
    .btn-secondary:hover,
    .btn-secondary:active {
      border: 0;
      box-shadow: none;
      outline: none;
      background: transparent;
      color: $brand-primary;
    }
  }
  .dsv-editor-container .dsv-row-container {
    .btn.btn-link {
      padding: 0.5rem 1rem;
    }
    input.form-control {
      border: 1px solid $dsv_input_border_color;
    }
  }
}
